iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
自我挑戰組

HTML跨平台網頁設計系列 第 9

顏色與文字設定

  • 分享至 

  • xImage
  •  

顏色的設定
RGB是由紅綠b三顏色以00~ff的16進位數表示顏色。
格式:#rrggbb
也可以用10進位來表達:#rgb(n,n,n)顏色值範圍是0~255
RGBA是再加上透明度Alpha的設定,設定值由透明到不透明介於0.0~1.0之間:#rgba(n,n,n,n)
HSL設定:是使用色相、彩度、亮度表示顏色
色相:以色相環上的角度來指定顏色,例如紅色為0度綠色120度藍色240度
彩度:設定顏色的鮮艷程度以%表示
亮度:顏色的明亮程度以%表示
HSLA設定:hsla(n,n,n,n)
文字大小、字型及相關設定
文字大小font-size:決定大小,單位有px cm pt
或是可以以相對大小設定大小。
文字粗細font-weight:預設粗細是normal,粗體字是bold也可以細一點lighter,變粗一級是bolder。若要精確設定,可以使用100~900的九個等級。
文字斜體font-style:有italic和和oblique可以選擇。
文字變體font-variant可以將字改為小型的大寫字。
文字/背景顏色,color/background-color
文字樣式快速設定:font

font: font-style 值 font-variant 值 font-weight 值 font-size 值/line-height 值 font-family值

上一篇
CSS基礎入門
下一篇
段落與表列設定
系列文
HTML跨平台網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言